<html lang="en-gb" dir="ltr" class="uk-touch">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Portfolio layout example - UIkit documentation</title>
        <link rel="shortcut icon" href="http://getuikit.net/docs/images/favicon.ico" type="image/x-icon">
        <link rel="apple-touch-icon-precomposed" href="http://getuikit.net/docs/images/apple-touch-icon.png">
        <link rel="stylesheet" href="css/uikit.docs.min.css">
        <script src="js/jquery.1.9.js"></script>
        <script src="js/uikit.min.js"></script>
        <style type="text/css">
            .showPic{
                width: 256px;
                height: 224px;
            }
        </style>
    </head>

    <body>

        <div class="uk-container uk-container-center uk-margin-top uk-margin-large-bottom">

         <div class="form-group">
                    <label for="uploadFile" class="col-sm-3 control-label">驾驶员照片</label>
                    <div class="col-sm-9">
                        <input type="hidden" name="pictureName">
                        <input type="text" id="photoCover" class="form-control"  placeholder="点击选择上传照片" 
                                onclick="$('input[id=photoFile]').click();" onkeydown="return false;">
                    </div>
                  </div>
                    
                  <div class="form-group" style="display:none;" >
                    <label for="preview" class="col-sm-3 control-label">图片预览</label>
                    <div class="col-sm-9">
                        <img id="imgPreview" alt="上传图片预览" src="" style="max-width: 512px;"/>
                    </div>
                  </div>

                  

          
         
    </div>
     

      

    
</body></html>